@color:#e92322;
.wjs_header{
    height: 50px;
    width: 100%;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    .row{
        height: 100%;
        >div{
            
        }
        // >div:nth-child(-n+3){
        //     border-right: 1px solid #ccc;
        // }
        >div:nth-of-type(-n+3){
            border-right: 1px solid #ccc;
        }
        .wjs_code{
            display: block;
            height: 100%;
            position: relative;
            >img{
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                top: 49px;
                display: none;
            }
            &:hover{
                >img{
                    display: block;
                }
            }
        }
        >div:last-of-type{
            >button:first-of-type{
                background-color:@color;
                border:1px solid @color;
                &.btn{
                    padding:3px 15px;
                } 
            }
            >button:nth-last-of-type(1){
                color:#ccc;
                &.btn-link:hover{
                    text-decoration: none;
                }
            }
        }
    }
}
.wjs_nav{
    &.navbar{
        margin-bottom: 0px;
    }
    .navbar-nav>li{
        >a{
             height: 80px;
            line-height: 50px;
            font-size: 16px;
        }
        &:hover,:focus{
            border-bottom: 3px solid @color;
            background-color: transparent;
            color:#555;
        }
        &.active{
            border-bottom: 3px solid @color;
            background-color: transparent;
            color:#555;

        }
    }

    .navbar-header>.navbar-brand{
        height: 80px;
        line-height: 50px;
        >.wjs_icon{
            font-size: 40px;
            &.wjs_icon_logo{
                color: @color;
            }
            &.wjs_icon_text{
                color: #333;
            }
        }
    }
}
.wjs_banner{
    .wjs_mobilePcImg {
        width: 100%;
        display: block;
        height: 410px;
        background-position: center center;
        background-size: cover;
    }
    
    .wjs_mobileImg {
        width: 100%;
        display: block;
    }
    
    .wjs_mobileImg>img {
        width: 100%;
        display: block;
    }
}
.wjs_info{
    padding:30px;
    .row{
        >div{ 
            margin-top:20px;
            &:hover{
                color:@color;
            }
            >a:hover{
                color:@color;
                span{
                color:@color;
                }
            }
            span{
                font-size: 30px;
                color:#222;
            }
        }
    }
}
.wjs_reverse{
    height: 58px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    .row{
        padding-top: 20px;
        span{
            display: block;
            font-size: 20px;
            float: left;
            padding-right: 10px;
        }
        p{
            float: left;
        }
        .reverse_now{
            // display: inline-block;
            float: left;
            margin-left: 10px;
            color:@color;
            border-bottom:1px dashed @color;
        }
        div:last-of-type{
            a:hover{
                color:@color;
            }
        }
    }
}
.wjs_product{
    background-color: #eee;
    .wapper{
        width: 100%;
        overflow: hidden;
    }
    .nav-tabs{
        // width: auto;
        border-bottom: none;
        >li{
            margin-bottom: 0px;
            border-bottom: 1px solid #ddd;
            margin: 0 15px;
            >a{
                line-height: 50px;
                border-radius: 0px;
                border:none;
                background-color: transparent;
            }
            >a:hover{
                border-bottom: 3px solid @color;
            }
            &.active{
                >a,a:hover,a:focus{
                    border:none;
                    border-radius: 0;
                    background-color: #eee;
                    border-bottom: 3px solid @color;
                }
            }
        }
    }
    .wjs_pBox{
        height: 150px;
        background: #fff;
        position: relative;
         margin-top: 20px;
        color:#fff;
        
        .wjs_pLeft{
            margin-right: 100px;
            background-color: @color;
            height: 150px;
            >div:nth-of-type(even){
                text-align: right;
            }
            >p{
                text-align: center;
            }
        }
        .wjs_pRight{
            width: 100px;
            position: absolute;
            right: 0;
            top: 0;
            height: 150px;
            background-color: @color;
            border-left: 1px dashed #fff;
            background-color: @color;
            padding-top:20px;
            padding-left: 20px;
            .wjs_pTip{
                width: 100%;
                position: absolute;
                left: 16px;
                top: 9px;
                >span{
                    cursor: pointer;
                }
                >span:first-of-type{
                    // display: block;
                    border:1px solid #fff;
                }
                >span:last-of-type{
                    border:1px solid blue;
                    color:blue;
                }
            }
            &::before,&::after{
                content:"";
                position:absolute;
                left: -5px;
                width: 10px;
                height: 10px;
                border-radius:50%;
                background: #eee;
                }
            &::before{
                top:-5px;
            }
            &::after{
                bottom: -5px;
            }
            >b{
                font-size: 40px;
            }
            >sub{
                bottom:0;
            }
        }
    }
    .wjs_pBox.active{
        background-color: #fff!important;
        
        >.wjs_pLeft{
            color:#000;background-color: #fff;
            &::before{
                content:"\e915";
                // 一定要设置字体记住
                font-family:'wjs';
                font-size: 18px;
                position: absolute;
                left: 0;
                top: 0;
            }
        }
        >.wjs_pRight{
            border-left: 1px dashed @color;
            background-color: #fff;
            >b{
                color:@color;
            }
            >sub,p{
                color:#000;
            }

        }
    }

}

.wjs_news{
    padding:20px;
    .wjs_nTitle{
        line-height: 50px;
        font-size: 25px;
        border-bottom:1px solid #ccc;
        text-align: center;
        &::before{
            content:'';
            width: 8px;
            height: 8px;
            border-radius: 4px;
            border:1px solid #ccc;
            position: absolute;
            bottom: -3px;
            right: 8px;
        }
    }
    .nav-tabs{
        border-bottom: none;
        >li{
            margin-bottom: 60px;
            >a{
                width: 60px;
                height: 60px;
                border-radius: 50%;
                background-color: #ccc;
                text-align: center;
                border:none;
                >span{
                    font-size: 30px;
                    color:#fff;
                }
                &:hover,&:focus{
                        border:none;
                        background-color: @color;
                    }
                }
                &.active{
                    a{
                        background-color: @color;
                    }
                    
                }

            }
            >li:last-of-type{
                margin-bottom:0px;
            }
            @media screen and   (min-width:768px) and (max-width:992px){
                >li{
                    margin:20px 30px;
                }
            }
            @media screen and (max-width:768px){
                >li{
                    margin:20px 0px;
                    width: 25%;
                }
            }
        }
    .wjs_newsLine{
        height: 100%;
        width: 1px;
        border-left: 1px dashed @color;
        position: absolute;
        left: 45px;top: 0;
    }
    }
    .wjs_partner{
        height: 160px;
        background-color: #999;
        text-align: center;
        text-align: center;
        >h3{
            font-size: 40px;
        }
        >ul{
            display: inline-block;
            list-style: none;
            li{
                float: left;
                font-size: 60px;
                margin-left: 30px;
            }
        }
    }